@charset "UTF-8";/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

.material-content .material-head {
	padding: 15px 20px;
	border-bottom: 1px solid #e7e7eb;
	clear: both;
	box-sizing: border-box
}
.material-content .material-head .wi-search {
	font-size: 18px;
	margin: 0
}
.material-content .material-head .filter {
	width: 450px
}
.material-content .material-head .filter .we7-select {
	width: 200px
}
.material-content .material-head .filter .we7-select+.we7-select {
	margin-left: -1px
}
.material-content .material-nav {
	border-bottom: 1px solid #e7e7eb;
	padding: 0 20px
}
.material-content .material-nav a {
	display: inline-block;
	padding: 0 30px;
	line-height: 42px;
	font-size: 16px;
	color: #999;
	border-bottom: 3px solid transparent
}
.material-content .material-nav a:hover, .material-content .material-nav a.active, .material-content .material-nav .panel-menu a.list-group-item:not(.list-group-more):hover, .panel-menu .material-content .material-nav a.list-group-item:not(.list-group-more):hover {
	color: #428bca;
	border-color: #428bca
}
.material-content .material-body {
	padding: 20px;
	height: 460px;
	overflow-y: auto;
	border-bottom: 1px solid #e7e7eb
}
.material-content .material-body .item {
	position: relative
}
.material-content .material-body .item:hover {
	outline: 2px solid #428bca
}
.material-content .material-body .item:hover .del {
	display: block
}
.material-content .material-body .item.active .mask, .material-content .material-body .head .navbar-left>li.item:hover .mask, .head .material-content .material-body .navbar-left>li.item:hover .mask, .material-content .material-body .panel-menu .item.list-group-item:not(.list-group-more):hover .mask, .panel-menu .material-content .material-body .item.list-group-item:not(.list-group-more):hover .mask {
	display: block
}
.material-content .material-body .mask {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 5;
	background-color: rgba(0,0,0,.5);
	text-align: center;
	display: none
}
.material-content .material-body .mask .wi, .material-content .material-body .mask .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .material-content .material-body .mask .ext-apply-item.apply-show:before, .material-content .material-body .mask .cut-list .item.apply-show:before, .cut-list .material-content .material-body .mask .item.apply-show:before {
	color: #fff;
	font-size: 32px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.material-content .material-body .del {
	position: absolute;
	width: 34px;
	line-height: 34px;
	text-align: center;
	background-color: #428bca;
	cursor: pointer;
	bottom: 0;
	right: 0;
	z-index: 6;
	display: none
}
.material-content .material-body .del .wi, .material-content .material-body .del .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .material-content .material-body .del .ext-apply-item.apply-show:before, .material-content .material-body .del .cut-list .item.apply-show:before, .cut-list .material-content .material-body .del .item.apply-show:before {
	color: #fff
}
.material-content .material-pager {
	padding: 20px;
	height: 79px
}
.material-content .tab-content {
	overflow-x: hidden;
	overflow-y: auto;
	height: 310px
}



#newUploaderImg .modal-dialog, .uploader-modal .modal-dialog {
	width: 1088px
}
#newUploaderImg .modal-header, .uploader-modal .modal-header {
	border-bottom: 1px solid #e7e7eb;
	padding: 15px 20px
}
#newUploaderImg .modal-header .modal-title, .uploader-modal .modal-header .modal-title {
	font-size: 16px
}
#newUploaderImg .modal-footer .count, .uploader-modal .modal-footer .count {
	display: inline-block;
	height: 34px;
	line-height: 34px
}
#newUploaderImg .modal-footer .btn-default.disabled, .uploader-modal .modal-footer .btn-default.disabled {
	background-color: #E7E7EB
}
#newUploaderImg .modal-body, .uploader-modal .modal-body {
	padding: 0;
	max-height: 710px;
	overflow: hidden
}
#newUploaderImg .modal-body .nav.nav-pills, .uploader-modal .modal-body .nav.nav-pills {
	float: left;
	width: 150px;
	border-right: 1px solid #e7e7eb;
	margin-bottom: -999px;
	padding-bottom: 999px
}
#newUploaderImg .modal-body .nav.nav-pills li, .uploader-modal .modal-body .nav.nav-pills li {
	height: 34px;
	line-height: 34px;
	margin: 0;
	padding-left: 15px
}
#newUploaderImg .modal-body .nav.nav-pills li a, .uploader-modal .modal-body .nav.nav-pills li a {
	color: #252424
}
#newUploaderImg .modal-body .nav.nav-pills li.active, #newUploaderImg .modal-body .nav.nav-pills .head .navbar-left>li:hover, .head #newUploaderImg .modal-body .nav.nav-pills .navbar-left>li:hover, #newUploaderImg .modal-body .nav.nav-pills .panel-menu li.list-group-item:not(.list-group-more):hover, .panel-menu #newUploaderImg .modal-body .nav.nav-pills li.list-group-item:not(.list-group-more):hover, #newUploaderImg .modal-body .nav.nav-pills li:hover, .uploader-modal .modal-body .nav.nav-pills li.active, .uploader-modal .modal-body .nav.nav-pills .head .navbar-left>li:hover, .head .uploader-modal .modal-body .nav.nav-pills .navbar-left>li:hover, .uploader-modal .modal-body .nav.nav-pills .panel-menu li.list-group-item:not(.list-group-more):hover, .panel-menu .uploader-modal .modal-body .nav.nav-pills li.list-group-item:not(.list-group-more):hover, .uploader-modal .modal-body .nav.nav-pills li:hover {
	background-color: #f4f5f9
}
#newUploaderImg .modal-body .row, .uploader-modal .modal-body .row {
	margin: -10px
}
#newUploaderImg .modal-body .col-sm-2, #newUploaderImg .modal-body .col-sm-3, #newUploaderImg .modal-body .col-sm-4, .uploader-modal .modal-body .col-sm-2, .uploader-modal .modal-body .col-sm-3, .uploader-modal .modal-body .col-sm-4 {
	padding: 10px;
	overflow: hidden;
	box-sizing: border-box;
	cursor: pointer
}
#newUploaderImg .tab-content, .uploader-modal .tab-content {
	width: 935px;
	height: 100%;
	float: left
}
#newUploaderImg.news .tab-content, .uploader-modal.news .tab-content {
	height: 370px;
	overflow: hidden
}
#newUploaderImg.news .material-appmsg-item, .uploader-modal.news .material-appmsg-item {
	width: 100%
}
#newUploaderImg.news #material-list-pager, .uploader-modal.news #material-list-pager {
	float: right;
	height: 64px;
	padding-bottom: 15px;
	padding-right: 15px
}
#newUploaderImg.basic .modal-body, .uploader-modal.basic .modal-body {
	padding: 30px
}
#newUploaderImg.basic .modal-body .tab-content, .uploader-modal.basic .modal-body .tab-content {
	width: 100%;
	float: none;
	margin-top: 1px
}
#newUploaderImg.basic .modal-body .tab-content textarea, .uploader-modal.basic .modal-body .tab-content textarea {
	width: 100%
}
#newUploaderImg.music .modal-body, .uploader-modal.music .modal-body {
	padding: 30px
}
#newUploaderImg.voice .tab-content, #newUploaderImg.video .tab-content, #newUploaderImg.image .tab-content, #newUploaderImg.module .tab-content, .uploader-modal.voice .tab-content, .uploader-modal.video .tab-content, .uploader-modal.image .tab-content, .uploader-modal.module .tab-content {
	width: 100%;
	padding: 15px;
	float: none
}
#newUploaderImg.voice #material-list-pager, #newUploaderImg.video #material-list-pager, #newUploaderImg.image #material-list-pager, #newUploaderImg.module #material-list-pager, .uploader-modal.voice #material-list-pager, .uploader-modal.video #material-list-pager, .uploader-modal.image #material-list-pager, .uploader-modal.module #material-list-pager {
	float: right;
	height: 64px;
	padding-bottom: 15px;
	padding-right: 15px
}
#newUploaderImg.image .tab-content, .uploader-modal.image .tab-content {
	height: 460px;
	padding: 15px 7px
}
#newUploaderImg.image .tab-content .history .img-list, .uploader-modal.image .tab-content .history .img-list {
	margin: 0
}
#newUploaderImg.image .col-sm-2 .item, .uploader-modal.image .col-sm-2 .item {
	position: relative;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	background-color: #eee;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%
}
#newUploaderImg.image .col-sm-2 .item:before, .uploader-modal.image .col-sm-2 .item:before {
	content: "";
	display: inline-block;
	padding-bottom: 100%;
	width: .1px;
	vertical-align: middle
}
#newUploaderImg.image .col-sm-2 .item .name, .uploader-modal.image .col-sm-2 .item .name {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	line-height: 34px;
	background: rgba(0,0,0,.5);
	color: #fff;
	padding: 0 20px;
	text-align: left;
	z-index: 2
}
#newUploaderImg.image .img-net, .uploader-modal.image .img-net {
	font-size: 18px
}
#newUploaderImg.image .img-net .img, .uploader-modal.image .img-net .img {
	width: auto;
	height: 200px;
	margin: 50px 0 20px 0
}
#newUploaderImg.image .img-net input, .uploader-modal.image .img-net input {
	width: 500px;
	margin: 10px auto
}
#newUploaderImg.image .img-net .btn, .uploader-modal.image .img-net .btn {
	width: 120px;
	margin: 10px 0
}
#newUploaderImg.keyword .tab-content, .uploader-modal.keyword .tab-content {
	width: 100%;
	height: 310px;
	padding: 15px;
	float: none
}
#newUploaderImg.keyword .material-content, .uploader-modal.keyword .material-content {
	padding: 0
}
#newUploaderImg.keyword .row, .uploader-modal.keyword .row {
	margin: -10px
}
#newUploaderImg.keyword .col-sm-2, .uploader-modal.keyword .col-sm-2 {
	padding: 10px;
	overflow: hidden;
	box-sizing: border-box;
	cursor: pointer
}
#newUploaderImg.keyword .col-sm-2 a, .uploader-modal.keyword .col-sm-2 a {
	display: block;
	width: 100%;
	height: 75px;
	position: relative;
	cursor: pointer;
	border: 1px solid #e7e7eb;
	text-align: center
}
#newUploaderImg.keyword .col-sm-2 a span, .uploader-modal.keyword .col-sm-2 a span {
	display: inline-block;
	width: 94%;
	padding: 0 3%;
	max-height: 54px;
	line-height: 18px;
	overflow: hidden;
	box-sizing: border-box;
	white-space: normal;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
#newUploaderImg.keyword .col-sm-2.active a, #newUploaderImg.keyword .head .navbar-left>li.col-sm-2:hover a, .head #newUploaderImg.keyword .navbar-left>li.col-sm-2:hover a, #newUploaderImg.keyword .panel-menu .col-sm-2.list-group-item:not(.list-group-more):hover a, .panel-menu #newUploaderImg.keyword .col-sm-2.list-group-item:not(.list-group-more):hover a, #newUploaderImg.keyword .col-sm-2:hover a, .uploader-modal.keyword .col-sm-2.active a, .uploader-modal.keyword .head .navbar-left>li.col-sm-2:hover a, .head .uploader-modal.keyword .navbar-left>li.col-sm-2:hover a, .uploader-modal.keyword .panel-menu .col-sm-2.list-group-item:not(.list-group-more):hover a, .panel-menu .uploader-modal.keyword .col-sm-2.list-group-item:not(.list-group-more):hover a, .uploader-modal.keyword .col-sm-2:hover a {
	background-color: #f4f6f9;
	color: #428bca
}
#newUploaderImg.module .tab-content, .uploader-modal.module .tab-content {
	padding: 15px 7px
}
#newUploaderImg.module .img-list, .uploader-modal.module .img-list {
	margin: 0
}
#newUploaderImg.module .img-list img, .uploader-modal.module .img-list img {
	margin: 17px 0 4px 0
}
#newUploaderImg.module .col-sm-2 .item, .uploader-modal.module .col-sm-2 .item {
	position: relative;
	width: 100%;
	text-align: center;
	border: 1px solid #e7e7eb
}
#newUploaderImg.module .col-sm-2 .item:before, .uploader-modal.module .col-sm-2 .item:before {
	content: "";
	display: inline-block;
	padding-bottom: 100%;
	width: .1px;
	vertical-align: middle
}
#newUploaderImg.module .col-sm-2 .item .icon, .uploader-modal.module .col-sm-2 .item .icon {
	width: 80px;
	height: 80px;
	border-radius: 10px;
	vertical-align: middle
}
#newUploaderImg.module .col-sm-2 .item .name, .uploader-modal.module .col-sm-2 .item .name {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	line-height: 34px;
	background: rgba(0,0,0,.5);
	color: #fff;
	padding: 0 20px;
	text-align: left;
	z-index: 2
}
#newUploaderImg.video .col-sm-3 .item, #newUploaderImg.voice .col-sm-3 .item, .uploader-modal.video .col-sm-3 .item, .uploader-modal.voice .col-sm-3 .item {
	position: relative;
	width: 100%;
	height: 150px;
	text-align: center;
	border: 1px solid #e7e7eb
}
#newUploaderImg.video .col-sm-3 .item .icon, #newUploaderImg.voice .col-sm-3 .item .icon, .uploader-modal.video .col-sm-3 .item .icon, .uploader-modal.voice .col-sm-3 .item .icon {
	width: 60px;
	height: 60px;
	margin-top: 18px
}
#newUploaderImg.video .col-sm-3 .item .time, #newUploaderImg.voice .col-sm-3 .item .time, .uploader-modal.video .col-sm-3 .item .time, .uploader-modal.voice .col-sm-3 .item .time {
	color: #999;
	line-height: 34px
}
#newUploaderImg.video .col-sm-3 .item .name, #newUploaderImg.voice .col-sm-3 .item .name, .uploader-modal.video .col-sm-3 .item .name, .uploader-modal.voice .col-sm-3 .item .name {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	line-height: 34px;
	background: rgba(0,0,0,.5);
	color: #fff;
	padding: 0 20px;
	text-align: left;
	z-index: 2
}
#newUploaderImg .modal-body.image, #newUploaderImg .modal-body.thumb {
	height: 459px
}
#newUploaderImg .modal-body #wx .tablepanel-top, #newUploaderImg .modal-body #local .tablepanel-top {
	padding: 10px 15px;
	line-height: 34px;
	border-bottom: 1px solid #e7e7eb
}
#newUploaderImg .modal-body #wx .tablepanel-top span, #newUploaderImg .modal-body #local .tablepanel-top span {
	color: #999;
	display: inline-block;
	margin-right: 20px
}
#newUploaderImg .modal-body #wx .tablepanel-con, #newUploaderImg .modal-body #local .tablepanel-con {
	padding: 15px
}
#newUploaderImg .modal-body #wx .tablepanel-con input[type=text].form-control, #newUploaderImg .modal-body #local .tablepanel-con input[type=text].form-control {
	border-radius: 4px
}
#newUploaderImg .modal-body #wx .tablepanel-con .empty, #newUploaderImg .modal-body #local .tablepanel-con .empty {
	height: 330px;
	line-height: 330px;
	text-align: center;
	font-size: 18px
}
#newUploaderImg .modal-body #wx .tablepanel-con .fa, #newUploaderImg .modal-body #local .tablepanel-con .fa {
	margin: 0
}
#newUploaderImg .modal-body #wx .tablepanel-con .item, #newUploaderImg .modal-body #local .tablepanel-con .item {
	float: left;
	border: 1px solid #e7e7eb;
	width: 120px;
	height: 150px;
	margin: 0 15px 15px 0
}
#newUploaderImg .modal-body #wx .tablepanel-con .item .img, #newUploaderImg .modal-body #local .tablepanel-con .item .img {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 114px;
	text-align: center;
	background-color: #f4f5f9;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	cursor: pointer
}
#newUploaderImg .modal-body #wx .tablepanel-con .item .img .cover, #newUploaderImg .modal-body #local .tablepanel-con .item .img .cover {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 114px;
	background: rgba(0,0,0,.6);
	color: #fff
}
#newUploaderImg .modal-body #wx .tablepanel-con .item .img .cover .wi, #newUploaderImg .modal-body #wx .tablepanel-con .item .img .cover .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list #newUploaderImg .modal-body #wx .tablepanel-con .item .img .cover .ext-apply-item.apply-show:before, #newUploaderImg .modal-body #wx .tablepanel-con .item .img .cover .cut-list .item.apply-show:before, .cut-list #newUploaderImg .modal-body #wx .tablepanel-con .item .img .cover .item.apply-show:before, #newUploaderImg .modal-body #local .tablepanel-con .item .img .cover .wi, #newUploaderImg .modal-body #local .tablepanel-con .item .img .cover .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list #newUploaderImg .modal-body #local .tablepanel-con .item .img .cover .ext-apply-item.apply-show:before, #newUploaderImg .modal-body #local .tablepanel-con .item .img .cover .cut-list .item.apply-show:before, .cut-list #newUploaderImg .modal-body #local .tablepanel-con .item .img .cover .item.apply-show:before {
	font-size: 48px
}
#newUploaderImg .modal-body #wx .tablepanel-con .item .img-title, #newUploaderImg .modal-body #local .tablepanel-con .item .img-title {
	text-align: center;
	width: 100%;
	height: 34px;
	line-height: 34px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
#newUploaderImg .modal-body #wx .tablepanel-con .item.selected .cover, #newUploaderImg .modal-body #wx .tablepanel-con .site-template .item.lock .cover, .site-template #newUploaderImg .modal-body #wx .tablepanel-con .item.lock .cover, #newUploaderImg .modal-body #wx .tablepanel-con .system-template .item.lock .cover, .system-template #newUploaderImg .modal-body #wx .tablepanel-con .item.lock .cover, #newUploaderImg .modal-body #local .tablepanel-con .item.selected .cover, #newUploaderImg .modal-body #local .tablepanel-con .site-template .item.lock .cover, .site-template #newUploaderImg .modal-body #local .tablepanel-con .item.lock .cover, #newUploaderImg .modal-body #local .tablepanel-con .system-template .item.lock .cover, .system-template #newUploaderImg .modal-body #local .tablepanel-con .item.lock .cover {
	display: block
}
#newUploaderImg .modal-body #link {
	padding: 30px
}
#newUploaderImg .modal-body #link .item {
	border: 1px solid #e7e7eb;
	width: 120px;
	height: 150px;
	margin-right: 30px;
	float: left
}
#newUploaderImg .modal-body #link .item .img {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 114px;
	text-align: center;
	background-color: #f4f5f9;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%
}
#newUploaderImg .modal-body #link .item .img .cover {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 114px;
	background: rgba(0,0,0,.6);
	color: #fff
}
#newUploaderImg .modal-body #link .item .img .cover .wi, #newUploaderImg .modal-body #link .item .img .cover .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list #newUploaderImg .modal-body #link .item .img .cover .ext-apply-item.apply-show:before, #newUploaderImg .modal-body #link .item .img .cover .cut-list .item.apply-show:before, .cut-list #newUploaderImg .modal-body #link .item .img .cover .item.apply-show:before {
	font-size: 48px
}
#newUploaderImg .modal-body #link .item .img-title {
	text-align: center;
	width: 100%;
	height: 34px;
	line-height: 34px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
#newUploaderImg .modal-body #link .link {
	float: left;
	width: 450px
}
#newUploaderImg .modal-body #link .link .state {
	font-size: 18px;
	color: #999;
	margin: 15px 0
}
#newUploaderImg .modal-body #link .link button {
	min-width: 105px;
	margin: 15px 0
}

.uploader-modal.image .col-sm-2 .item .name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}



